﻿<Canvas xmlns="http://schemas.microsoft.com/client/2007" 
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        x:Class="SilverglobeSample.LocationInfo"
        Width="208"
        Height="60"
>
    <Canvas.Resources>
        <Storyboard x:Key="FadeIn">
            <DoubleAnimation Storyboard.TargetName="_back"
                       Storyboard.TargetProperty="(Rectangle.Opacity)"
                       From="0" To="1"
                       Duration="0:0:0.5"
                       />
        </Storyboard>
    </Canvas.Resources>

    <Rectangle Width="204" Height="35" RadiusX="4" RadiusY="4"
             Canvas.Left="2" Canvas.Top="2"
             Stroke="#66002233"
             x:Name="_back"
  >
        <Rectangle.Fill>
            <LinearGradientBrush StartPoint="0,0" EndPoint="0,38"
                           MappingMode="Absolute">
                <GradientStop Color="#FF66AAFF" Offset="0"/>
                <GradientStop Color="#FF66AAFF" Offset="0.45"/>
                <GradientStop Color="#FF256B9E" Offset="0.45"/>
            </LinearGradientBrush>
        </Rectangle.Fill>
    </Rectangle>

    <TextBlock x:Name="_cityInfo" Canvas.Left="10" Canvas.Top="5" IsHitTestVisible="false"
           FontFamily="Verdana"
           Foreground="#FF002266"
           FontSize="10"
  />

  <TextBlock x:Name="_longitudeInfo" Canvas.Left="10" Canvas.Top="21" IsHitTestVisible="false"
             FontFamily="Verdana"
             Foreground="White"
             FontSize="10"
  />

  <TextBlock x:Name="_latitudeInfo" Canvas.Left="80" Canvas.Top="21" IsHitTestVisible="false"
             FontFamily="Verdana"
             Foreground="White"
             FontSize="11"
  />
  
</Canvas>